<!DOCTYPE html>
<head>
    <meta charset="UTF-8">
    <title>精准落码APP下载</title>
    <style>
      *{
                  padding: 0;
                  margin: 0;
              }
              body{
                  font-family: Verdana, Arial, Helvetica, sans-serif;
                  font-size: 12px;
                  color: #222222;
              }
              html , body{
                  height: 100%;
                  width: 100%;
                  /*只显示一屏页面*/
                  /*overflow: hidden;*/
              }
              #box{
                  position: relative;
                  height: 100%;
                  width: 100%;
              }
              #loading{
                  text-align: center;
                  position: absolute;
                  bottom: 120px;
                  left: 50%;
                  transform: translateX(-50%);
                  -webkit-transform: translateX(-50%);
              }
              #loading a{
                  color: #444444;
                  display: inline-block;
                  border: 1px solid #cccccc;
                  width: 500px;
                  height: 70px;
                  line-height: 70px;
                  padding: 20px 20px 20px 50px;
                  border-radius: 15px;
                  font-size: 40px;
                  text-decoration: none;
                  box-shadow: 1px 1px 1px #ccc;
              }
              #loading #load_android{
                  background: url("") no-repeat #5FD6FF 10px;
              }
              #loading #load_ios{
                  margin-top: 70px;
                  background: url("image/ios.png") no-repeat #5FD6FF 50px 15px;
              }
              #pic{
                  text-align: center;
                  position: absolute;
                  width: 100%;
              }
              #pic img{
                  width: 400px;
                  height: 400px;
                  margin-top: 100px;
                  padding: 10px 10px 10px 10px;
                  border: 1px solid #444444;
                  border-radius: 15px;
              }
              #shade{
                  position: relative;
                  /*水平居中*/
                  text-align: center;
                  width: 100%;
                  height: 100%;
                  background-color:rgba(0,0,0,0.5);
              }
              #shade p{
                  position: absolute;
                  color: white;
                  font-size: 40px;
                  text-align: center;
                  top:50%;
                  width: 100%;
                  transform: translateY(-50%);
                  -webkit-transform: translateY(-50%);
              }
              #shade p span{
                  color:#5FD6FF;
              }
              #title{
                  width: 100%;
                  margin-top: 15px;
              }
              #title h2,h3{
                  text-align: center;
                  width: 100%;
                  font-family: "Adobe 楷体 Std R";
              }
              #title h2{
                  font-size: 40px;
              }
              #title h3{
                  font-size: 35px;
              }
              #img{
				  height: 200px;;
                  position: absolute;
                  display: block;
                  right: 0;
                  top:0;
              }
              #introduce{
                  margin-top: 60px;
              }
              #introduce p{
                  margin-bottom: 15px;
                  font-size: 32px;
                  color: #1c0c0f;
              }

    </style>
</head>

<body>
	<div id="box">
	        <div id="pic">
	            <img src="https://xxzhang.oss-cn-hangzhou.aliyuncs.com/%E5%BE%AE%E4%BF%A1%E5%9B%BE%E7%89%87_20240428112350.png" alt="qr">
	            <div id="title">
	                <h2>精准落码</h2>
	                <h3>v1.0.8</h3>
	            </div>
	            <div id="introduce">
	                <p>内容全免费</p>
	                <p>超百名讲师入驻</p>
	                <p>通过精准落码APP，让你的码更精准</p>
	            </div>
	        </div>
	        <div id="loading">
	            <a id='load_android' href="https://www.linnaiwen.xyz/apk/%E7%B2%BE%E5%87%86%E8%90%BD%E7%A0%81V.1.0.8.apk">Android 下载</a>
	        </div>
	        <div id="shade" style="display: none">
	            <p>在微信中无法下载app,<br>请打开右上角按钮选择<span>【在浏览器打开】</span><img style="height: 24rpx; width: 24rpx;" src="https://xxzhang.oss-cn-hangzhou.aliyuncs.com/%E6%B5%8F%E8%A7%88%E5%99%A8.png"/>进行下载</p>
	           <img id='img' style="height: 500px;" src="https://xxzhang.oss-cn-hangzhou.aliyuncs.com/%E5%BC%95%E5%AF%BC%E7%AE%AD%E5%A4%B4.png" alt="pic">
	        </div>
			
	</div>
</body>

<script>

 window.onload = function(){
        if(isWeiXin()){
            var shade = document.getElementById('shade')
            shade.style.display = 'block'
        }
    }
    function isWeiXin(){
        var ua = window.navigator.userAgent.toLowerCase();
        if(ua.match(/MicroMessenger/i) == 'micromessenger'){
            return true;
        }else{
            return false;
        }
    }
  
</script>
</html>
